텍스트와 관련된 태그는 물리적(Physical) 태그와 논리적(Logical) 태그로 구분됩니다.
텍스트가 화면에 출력되는 형식을 지정하는 태그입니다.
| 소스 | 설명 | 화면출력 |
| <i>텍스트</i> | 기울임 글꼴(Italics) | 텍스트 |
|---|---|---|
| <b>텍스트</b> | 굵은 글꼴(Bold) | 텍스트 |
| <tt>텍스트</tt> | 타자기 글꼴(Teletype) | 텍스트 |
| <u>텍스트</u> | 밑줄친 글꼴(Underline) | 텍스트 |
| <s>텍스트</s> | 취소선(Strikethrough) | |
| <strike>텍스트</strike> | 취소선(Strikethrough) | |
| <sub>텍스트</sub> | 아래첨자(Subscript) | 텍스트 |
| <sup>텍스트</sup> | 위첨자(Superscript) | 텍스트 |
| <big>텍스트</big> | 크게, Bigger font (one size bigger) | 텍스트 |
| <small>텍스트</small> | 작게, smaller font (one size smaller) | 텍스트 |
HTML5에서는 <tt> 태그를 더 이상 지원하지 않으며, 목적에 따라 다음과 같은 요소나 CSS를 대신 사용해야 합니다.
물리적 태그가 텍스트가 화면에 어떻게 출력될것인가를 결정하는 반면 논리적 태그는 화면에 출력되는 형식보다는 태그 자체가 의미를 가지고있는 태그입니다.
| 소스 | 설명 | 화면출력 |
| <abbr>텍스트</abbr> | Abbreviation (for example, Mr.) | 텍스트 |
|---|---|---|
| <acronym>텍스트</acronym> | Acronym (for example, WWW) | 텍스트 |
| <cite>텍스트</cite> | 인용(Citation) | 텍스트 |
| <code>텍스트</code> | 코드(Code listing) | 텍스트 |
| <dfn>텍스트</dfn> | Definition | 텍스트 |
| <em>텍스트</em> | 강조(Emphasis) | 텍스트 |
| <kbd>텍스트</kbd> | Keystrokes | 텍스트 |
| <q>텍스트</q> | Inline quotation | "텍스트" |
| <samp>텍스트</samp> | Sample text (example) | 텍스트 |
| <strong>텍스트</strong> | 강한 강조(strong emphasis) | "텍스트" |
| <var>텍스트</var> | 변수(Programming variable) | 텍스트 |
<b> 태그와 <strong> 태그는 웹페이지에서 확인할 때는 똑같이 볼드체로 보인다.
<i> 태그와 <em> 태그도 마찬가지로 동일하게 이탤릭체로 표기된다.
하지만 이 태그들은 시각적으로는 똑같아 보일지 몰라도, 알고 보면 각각 다른 의미를 가지고 있다.
태그는 bold의 약자로 특정 텍스트에 주의를 끌기 위해 글씨가 굵게 표시된다.
단순 시각석 요소로 사용되며, 주변의 컨텐츠와 비교했을 때 더 중요하다는 의미는 아니다.
하지만 <b>와 달리 <strong> 태그는 매우 중요, 긴급, 경고의 의미를 가지고 있다.
이 부분은 날려서씁니다.
이 부분은 "강조해서"씁니다.
<i> 태그는 italic의 약자로 기울임꼴로 표시된다.
기술 용에 외국어 구설, 등장인물의 생각 등 특정 이유로 주위와 구분을 해야 할 때 사용합니다.
<em> 은 주위 텍스트와 비교했을 때 해당 부분을 강조하고 싶은 경우에 사용합니다.
단순히 기울임꼴 글씨체가 필요할 때에는 <i> , <em> 을 사용하지 말고
CSS의 "font-style: italic;"을 활용하세요.
이 부분은 날려서씁니다.
이 부분은 강조해서씁니다.
그 밖에 강조하려는 텍스트가 도서, 공연 등 저작물이거나 중요한 내용이라 하이라이트 표시를 하고 싶을 때, 정의 대상인 용어를 나타낼 때에는 아래와 같은 태그를 사용합니다.
관련성을 나타냄, 문장에 형광펜으로 줄을 그은 것과 비슷한 효과
저작물의 출처를 표기할 때 사용,
도서, 논문, 음악, 영화, 드라마, 게임, 연극, 뮤지컬, 웹사이트 블로그, 트읫 등 다양한 곳에 사용 가능
해당 컨텐츠나 문장에서 정의하고 있는 용어를 가리킴
스케치 작성 및 편집 시 스케치 평면 보기: 스케치를 새로 생성 했을 때 해당 스케치가 모니터에 평행하게 표시 됩니다.
direction 속성값을 ltr로 지정한 문단
direction 속성값을 rtl로 지정한 문단
This is thesmall size sentence. This whole sentence is in class="w3-large" h5 bigger letters.
1.2.3.4 p 글자
New Super"Strength"H2O
pluswill knock out any stain, bigor
small.
Look for new
SuperStrengthH2O plus
in a stream near you.
strong 태그는 "글씨를 두껍게 강조"하며, 컴퓨터에게도 강조된 부분이 중요합니다는 메시지를 전달합니다.
em 태그는 글씨를 기울이고, 해당 부분이 중요합니다는 의미론적 메시지를 검색로봇에 전달합니다.
i 태그는 글씨를 단순 기울이기효과를 줍니다.
i 태그는 검색로봇에 의미론적 중요성을 전달하지 않습니다.
mark 태그는 감싸진 부분을 하이라이트표시합니다.
ins 태그는 태그 사이에 밑줄을 삽입합니다.
del 태그는 태그 사이의 값에 취소선을 삽입합니다.
text-decoration: overline 태그는 style="text-decoration: overl윗줄 을 삽입합니다.
subscript μSsuper subscript2
출처 : cite 인용구를 넣어 습니다
전구를 발명한 에디슨은 이렇게 말했다.
"모든사람은 다이아몬드 원석과 같다 갈고 닦으면 누구나 찬란히 빛나게 마련이다"
이 단락은 오른쪽부터 왼쪽 방향으로 써질 것입니다.
이 단락은 오른쪽부터 왼쪽 방향으로 써질 것입니다.
화면출력 부분을 보시면 기울임 글꼴이나 굵은 글꼴외에 특별한 형태로 출력되는것은 없습니다.
단지 이 텍스트가 어떤 성격인지를 규정하는 역할을 합니다.
HTML을 처음 배울때는 CSS를 모르는 상태이기에 물리적 태그를 자주 사용하지 논리적 태그는 거의 사용하는 경우가 없습니다.
그러나 HTML태그의 성격은 화면에 출력하는 형태를 규정한다기 보다는 텍스트의 의미를 중요시 합니다.
예를들면 <b> 와 <strong> 태그 둘다 화면에서는 굵은 텍스트로 표시됩니다.
그러나 이 두가지 태그는 그 의미가 다릅니다.
<b>태그는 bold의 약자로 단순히 텍스트를 굵게 표시하라는 의미를 가지고, <strong>태그는 강조의 의미를 가집니다.
<strong>태그로 둘러싸인 텍스트가 중요하다는 의미죠.
그러므로 보다 의미있는 HTML문서를 만들기 위해서는 물리적태그(<b>태그) 보다는 논리적 태그(<strong>태그)를 중점적으로 사용해야 합니다.
코드를 작성할 때 작성한 텍스트가 있는 그대로 출력되기를 원할 때
<code> 태그는 컴퓨터나 프로그래밍 코드 일부를 그대로 표시하고자 할 때 유용
<samp> 태그는 컴퓨터 프로그램에서 샘플을 출력할 때
<kbd> 태그는 키보드 입력을 지정할 때
<var> 태그는 변수를 입력할 때 유용
<pre> 역시 미리 작성된 텍스트를 있는 그대로 표시해주며 블록 형태로 사용
즉, 여러 줄의 코드를 그대로 출력하고자 할 때 위의 code, samp, kbd, var 등을 둘러싼 형태로 사용
■ code 예제 :
< code>태그는 inline의 속성을 지니고 있으며,
< pre> 는 block 속성을 지니고 있습니다.
HTML은 "<" ">"와 같은 표현을 사용할 수 없기 때문에 <code> <내용> </code> 을 사용합니다.
Command: AI_MESH ↲ Specify first corner point of mesh; 🖯(end) P5 Enter mesh size in the M direction; 6 ↲ (기본값을 사용합니다.) Command:
## print ...
Command: AI_MESH ↲ Specify first corner point of mesh; 🖯(end) P5 Enter mesh size in the M direction; 6 ↲ (기본값을 사용합니다.) Command:
■ samp 예제 :
<p>컴퓨터를 하던 중 <samp>Oops…the system encountered a problem (#701) &l
→ 결과
컴퓨터를 하던 중 Oops…the system encountered a problem (#701)라는 에러 메시지가 떴다
[출처] 논문쓰는법 - 논문 인용법 및 사용예시
인용을 하게 될때는 보통은 크게 3가지 형태를 활용해서 쓰게 됩니다.
직접인용/ 간접인용/ 재인용 이렇게 나뉘게 되는데 각 인용마다 사용해야 하는 약속된 형태가 있습니다.
물론 출처를 정확히 기재야 한다는건 3가지 모두 공통적으로 해당 되는 사항입니다.
직접인용은 내가 참고한 문헌의 전체 문장을 그대로 가져왔는지, 일부만 가져왔는지에 따라서 좀다른데,전체문장을 이용할때에는 " " 나「 」 안에 내가 가져온 문장을 넣어주셔야 합니다.
"전체중에 "일부분"인용으로 표시하였습니다"
그런데 만약 3줄이 넘어갈때 에는 독립된 문단으로 구분해서 구성하고 인용문단 전체를 인용구라는 점을 알수있도록본문보다 안쪽으로 작성해주셔야 합니다.
그래야 글을 읽는 사람도 이게 인용이된 문장이구나 하고 알 수 있습니다.
blockquote 국보 제1호. 문화재 관리국은 1996년 11월 28일 광복 50주년 역사 바로 세우기 일환으로 일본식 표현, 부적절한 명칭, 역사왜곡, 우리역사와 무관한 유적, 가치평가의 왜곡 등을 주요 항목으로 설정하고 심의 작업을 벌여왔다.
‘숭례문(국보 제1호)’이 이제서야 원래의 명칭에 담긴 뜻을 되살리게 되었습니다.-[네이버 지식백과] (국어국문학자료사전, 1998, 한국사전연구사)-
인용하는 내용을 연구자가 이해한 내용으로 변경해서 작성하는 것을 간접인용이라고 합니다.
물론 이때에도 반드시 출처를 같이 기재해야하고 내가 참고한 인용구의 원문의 뜻이 훼손되지 않도록 조심해야 합니다.
다른사람의 논문, 저술에 이미 인용이 되어있는 내용을 인용해야 할 경우에 재인용이라 하느데 꼭 재인용이라는 사실을 밝혀야합니다
‘ 지식 ’ “ 지식 ”
『훈민정음』(또는 《훈민정음》)은 1997년에 유네스코 세계 기록 유산으로 지정되었습니다. (○)
「국어 기본법 시행령」(또는 〈국어 기본법 시행령〉)은「국어 기본법」(또는 〈국어 기본법〉)에서
위임된 사항과 시행에 필요한 사항을 규정함으로 목적으로 합니다. (○)
책의 제목이나 신문 이름 등을 나타낼 때는 겹낫표 또는 겹화살괄호를 쓰고, 대신 큰따옴표를 쓰는 것도 허용됩니다.
소제목, 그림이나 노래와 같은 예술 작품의 제목, 상호, 법률, 규정 등을 나타낼 때는 홑낫표 또는 홑화살괄호를 쓰고, 대신 작은따옴표를 쓸 수도 있습니다.
‘ 지식 ’ “ 지식 ”
호닝 호빙 중에 일부 파일이
호닝 혼
USB 포렌스
공유 폴더 보안
연삭 숫돌 하이프 링크 누락
선반